// 改变element-ui的样式变量

/* 改变主题色变量 */

// $--color-primary: #94C05A;

/* 改变 icon 字体路径变量，必需 */

$--font-path: '~element-ui/lib/theme-chalk/fonts';
@import "~element-ui/packages/theme-chalk/src/index";

// 自己扩充的全局样式
.main-width {
  width: 1260px;
}

html,
body,
#app {
  height: 100%;
}

@each $size,
$width in (100: 100px, 200: 200px, 300: 300px, 500: 500px, 800: 800px) {
  .width-#{$size} {
    width: $width;
  }
}

@mixin zoomImage {
  width: 100%;
  height: 0;
  overflow: hidden;
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
}

.zoomImage {
  @include zoomImage;
  padding-bottom: 100%;
}

@each $size,
$padding-bottom in (50: 50%, 66: 66%, 70: 70%, 80: 80%, 100: 100%, 120: 120%, 133: 133%, 150: 150%) {
  .zoomImage-#{$size} {
    @include zoomImage;
    padding-bottom: $padding-bottom;
  }
}

@each $name,
$color in (primary: #94c05a, caramel: #c0985a, blue: #5ac0b5, green :#5ac07c, gray: #b0b0af) {
  .mark-#{$name} {
    color: #FFF !important;
    background-color: $color !important;
  }
}

.bg-gray {
  background-color: #F4F4F4;
}

.bg-white {
  background-color: #FFFFFF;
}

.position-center {
  margin-left: 50%;
  transform: translateX(-50%);
}

.all-view {
  height: 100vh;
  width: 100vw;
}

.span {
  flex: 1;
}

.span-auto {
  flex: 1;
}

.aside-menu {
  .el-menu-item.is-active {
    background: #E6F7FF !important;
    border-right: 3px solid #1E88E5;
  }

  .svg-icon {
    font-size: 18px;
    margin-right: 8px;
  }
}

// 由于dialog每次弹出后再次打开z-index就会累加,累加从2000开始,所以将图片展示的远大于2000
.viewer-container {
  z-index: 5000 !important;
}

.shadow-none {
  box-shadow: none;
}

.shadow-sm {
  box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075);
}

.shadow {
  box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15);
}

.shadow-lg {
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, .175);
}

.mapButton {
  position: absolute;
  z-index: 99;
  float: right;
  right: 0;
  color: white;
  background-color: rgb(34, 50, 96);
  height: 30px;
  line-height: 0px;
}
